<template>
  <div class="page-home">
    <!-- <h1>旅游网</h1> -->
    <!-- <Button type="primary">主要按钮</Button> -->
    <!-- <v-button type="warning">警告按钮</v-button> -->
    <Banner></Banner>
    <Hot></Hot>
    <Fine></Fine>
    <!-- 导航栏 -->
    <TripFooter></TripFooter>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
// 引入button组件
// import Button from 'vant/lib/button'
// 引入相关样式
// import 'vant/lib/button/style'
import Banner from '@/components/home/Banner'
import Hot from '@/components/home/Hot'
import Fine from '@/components/home/Fine'
import TripFooter from '@/components/common/Footer'

export default {
  name: 'Home',
  components: {
    // "v-button" : Button, 报错
    // HelloWorld
    // Button
    // Banner图
    Banner,
    // 热门推荐景点
    Hot,
    Fine,
    TripFooter
  }
}
</script>
